<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="js/index.js">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1365922_yjxygvkdszk.css">
</head>

<body>
    <div class="top-box row">
        <a href="" class="top-logo"><img src="images/logo.png" alt=""></a>
        <div class="top-right">
            <a href=""><i class="iconfont">&#xe6b9;</i></a>
            <a href="" class="top-right-shop"><i class="iconfont">&#xe6ce;</i></a>
            <div class="top-right-shop-content">
                <i class="iconfont" style="font-size: 90px; color: rgb(230, 230, 230);">&#xe634;</i>
                <p style="font-size:20px;">购物车为空</p>
                <p style="color:rgb(180, 180, 180);font-size: 12px;">您还没有选购任何商品，现在前往商城选购吧！</p>
            </div>
        </div>

        <div class="top-nav">
            <a href="">在线商城</a>
            <a href="">坚果Pro 2S</a>
            <a href="">坚果 R1</a>
            <a href="">坚果 TNT 工作站</a>
            <a href="">Smartisan OS</a>
            <a href="">欢喜云</a>
            <a href="">应用</a>
            <a href="">论坛</a>
            <a href="">荣誉与奖项</a>
        </div>

    </div>
    <div class="stick-box">
        <div class="center stick-content-box">
            <div class="stick-content-left">
                <a href="">首页</a>
                <a href="">手机</a>
                <a href="">官方配件</a>
                <a href="">服饰箱包</a>
                <a href="">畅呼吸</a>
                <a href="">服务</a>

                <div class="stick-content-left-tips-shop-box">
                    <div class="stick-content-left-tips-shop">
                        <img src="images/phone.webp" alt="">
                        <p style="font-size: 16px">坚果 R1</p>
                        <p style="font-size:14px;color:red;">￥2999.00 <span
                                style="font-size: 12px;color:rgb(128,128,128); ">起</span></p>
                    </div>
                    <div class="stick-content-left-tips-shop">
                        <img src="images/phone.webp" alt="">
                        <p style="font-size: 16px">坚果 R1</p>
                        <p style="font-size:14px;color:red;">￥2999.00 <span
                                style="font-size: 12px;color:rgb(128,128,128); ">起</span></p>
                    </div>
                    <div class="stick-content-left-tips-shop">
                        <img src="images/phone.webp" alt="">
                        <p style="font-size: 16px">坚果 R1</p>
                        <p style="font-size:14px;color:red;">￥2999.00 <span
                                style="font-size: 12px;color:rgb(128,128,128); ">起</span></p>
                    </div>
                    <div class="stick-content-left-tips-shop">
                        <img src="images/phone.webp" alt="">
                        <p style="font-size: 16px">坚果 R1</p>
                        <p style="font-size:14px;color:red;">￥2999.00 <span
                                style="font-size: 12px;color:rgb(128,128,128); ">起</span></p>
                    </div>
                </div>
            </div>
            <div class="stick-content-right">
                <button class="stick-content-right-btn"><i class="iconfont">&#xe604;</i></button>
                <input type="text" class="stick-content-right-inp">
                <div class="stick-content-right-inp-tip">
                    <a href="">回收</a>
                    <a href="">彩电</a>
                    <a href="">冰箱</a>
                    <a href="">洗衣机</a>
                    <a href="">空调</a>
                </div>
                <a href="" class="stick-content-right-inp-tee">T恤</a>

            </div>
        </div>
    </div>
    <div class="content-box">
        <div class="center">
            <div class="banner ">
                <div id="content-top-banner" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#content-top-banner" data-slide-to="0" class=""></li>
                        <li data-target="#content-top-banner" data-slide-to="1" class="active"></li>

                    </ol>
                    <div class="carousel-inner">
                        <div class="item">
                            <img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide"
                                src="images/banner1.png">

                        </div>
                        <div class="item active">
                            <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide"
                                src="images/banner2.png">

                        </div>

                    </div>

                </div>

            </div>
            <div class="content-shop-bgBox">
                <div class="content-shop-bgBox-name">
                    <span>热门商品</span>
                </div>
                <div class="content-shop-bgBox-box">
                    <div class="content-shop-box">
                        <img src="images/xiezi1.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:saddlebrown">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:#3d3d3d; ">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:rgb(219, 102, 223) ">&#xe608;</i></span>
                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                            </div>
                        </div>

                    </div>
                    <div class="content-shop-box">
                        <img src="images/xiezi1.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">

                            <span><i class="iconfont" style="color:saddlebrown">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:#3d3d3d; ">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:rgb(219, 102, 223) ">&#xe608;</i></span>
                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                                <button style="background: skyblue;color:#fff;">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/xiezi1.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>

                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                            </div>
                        </div>
                        <div class="content-shop-box-pribilege">
                            <span>限时直降</span>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/xiezi1.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:saddlebrown">&#xe608;</i></span>

                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                                <button style="background: skyblue;color:#fff;">加入购物车</button>
                            </div>
                        </div>
                        <div class="content-shop-box-full">
                            <span>满减</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-shop-bgBox">
                <div class="content-shop-bgBox-name">
                    <span>服饰箱包</span>
                </div>
                <div class="content-shop-bgBox-box">
                    <div class="content-shop-bgBox-Bgbox">
                        <img src="images/shop1.jpg" alt="">
                    </div>
                    <div class="content-shop-box">
                        <img src="images/xiezi1.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:saddlebrown">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:#3d3d3d; ">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:rgb(219, 102, 223) ">&#xe608;</i></span>
                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                            </div>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/xiezi1.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:saddlebrown">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:#3d3d3d; ">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:rgb(219, 102, 223) ">&#xe608;</i></span>
                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                                <button style="background: skyblue;color:#fff;">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/xiezi1.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:saddlebrown">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:#3d3d3d; ">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:rgb(219, 102, 223) ">&#xe608;</i></span>
                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                            </div>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/xiezi1.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:saddlebrown">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:#3d3d3d; ">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:rgb(219, 102, 223) ">&#xe608;</i></span>
                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                                <button style="background: skyblue;color:#fff;">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/xiezi1.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:saddlebrown">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:#3d3d3d; ">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:rgb(219, 102, 223) ">&#xe608;</i></span>
                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                                <button style="background: skyblue;color:#fff;">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/xiezi1.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:saddlebrown">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:#3d3d3d; ">&#xe608;</i></span>
                            <span><i class="iconfont" style="color:rgb(219, 102, 223) ">&#xe608;</i></span>
                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                                <button style="background: skyblue;color:#fff;">加入购物车</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-shop-bgBox">
                <div class="content-shop-bgBox-name">
                    <span>官方精选配件</span>
                </div>
                <div class="content-shop-bgBox-box">
                    <div class="content-shop-bgBox-Bgbox">
                        <img src="images/yx.jpg" alt="">
                    </div>
                    <div class="content-shop-box">
                        <img src="images/sjx.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>

                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                            </div>
                        </div>
                        <div class="content-shop-box-pribilege">
                            <span>限时直降</span>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/sjx.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>

                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                            </div>
                        </div>
                        <div class="content-shop-box-pribilege">
                            <span>限时直降</span>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/sjx.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>

                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                            </div>
                        </div>
                        <div class="content-shop-box-pribilege">
                            <span>限时直降</span>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/sjx.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>

                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                            </div>
                        </div>
                        <div class="content-shop-box-pribilege">
                            <span>限时直降</span>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/sjx.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>

                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                            </div>
                        </div>
                        <div class="content-shop-box-pribilege">
                            <span>限时直降</span>
                        </div>
                    </div>
                    <div class="content-shop-box">
                        <img src="images/sjx.webp" alt="">
                        <h4 class="content-shop-box-name">Smartisan&nbsp;帆布鞋</h4>
                        <p class="content-shop-box-explain">一双踏实、舒适的帆布鞋</p>
                        <div class="content-shop-box-span">
                            <span><i class="iconfont">&#xe608;</i></span>

                        </div>
                        <div class="content-shop-box-velue">
                            <span class="content-shop-box-money">￥199.00</span>
                            <div class="content-shop-box-velue-other">
                                <button>查看详情</button>
                            </div>
                        </div>
                        <div class="content-shop-box-pribilege">
                            <span>限时直降</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content-shop-bgBox">
                <div class="content-shop-bgBox-name ">
                    <span>论坛精选</span>
                    <button class="content-shop-bgBox-btn">前往论坛></button>
                </div>
                <div class="content-shop-bgBox-forum-box">
                     <div class="content-shop-bgBox-forum">
                        <img src="images/forum.webp" alt="">
                        <p>[开箱]纯白色坚果Pro2图赏</p>
                        <p>有美如斯，冰清玉洁</p>
                        <a href="">阅读全文&nbsp;&nbsp;&gt;</a>
                    </div>    
                    <div class="content-shop-bgBox-forum">
                        <img src="images/forum.webp" alt="">
                        <p>[开箱]纯白色坚果Pro2图赏</p>
                        <p>有美如斯，冰清玉洁</p>
                        <a href="">阅读全文&nbsp;&nbsp;&gt;</a>
                    </div>    
                    <div class="content-shop-bgBox-forum">
                        <img src="images/forum.webp" alt="">
                        <p>[开箱]纯白色坚果Pro2图赏</p>
                        <p>有美如斯，冰清玉洁</p>
                        <a href="">阅读全文&nbsp;&nbsp;&gt;</a>
                    </div>    
                    <div class="content-shop-bgBox-forum">
                        <img src="images/forum.webp" alt="">
                        <p>[开箱]纯白色坚果Pro2图赏</p>
                        <p>有美如斯，冰清玉洁</p>
                        <a href="">阅读全文&nbsp;&nbsp;&gt;</a>
                    </div> 
                </div>
                      
            </div>

        </div>
        <div class="hongbao">
            <img src="images/hongbao.png" alt="">
        </div>
    </div>
    <div class="footer-box">
        <div class="footer-content-box center">
            <div class="footer-content-top-box">
                <div class="footer-content-top-left-box">
                    <div class="footer-content-top-left-content">
                        <p class="footer-content-top-left-content-title">订单服务</p>
                        <p class="footer-content-top-left-content-nav">购买指南1</p>
                        <p class="footer-content-top-left-content-nav">购买指南2</p>
                    </div>
                    <div class="footer-content-top-left-content">
                        <p class="footer-content-top-left-content-title">订单服务</p>
                        <p class="footer-content-top-left-content-nav">购买指南1</p>
                        <p class="footer-content-top-left-content-nav">购买指南2</p>
                    </div>
                    <div class="footer-content-top-left-content">
                        <p class="footer-content-top-left-content-title">订单服务</p>
                        <p class="footer-content-top-left-content-nav">购买指南1</p>
                        <p class="footer-content-top-left-content-nav">购买指南2</p>
                    </div>
                    <div class="footer-content-top-left-content">
                        <p class="footer-content-top-left-content-title">订单服务</p>
                        <p class="footer-content-top-left-content-nav">购买指南1</p>
                        <p class="footer-content-top-left-content-nav">购买指南2</p>
                    </div>
                </div>
                <div class="footer-content-top-right-box">
                    <p class="footer-content-top-right-call">400-626-5666</p>
                    <p>周一到周日 9:00 - 18:00 <br>
                    (仅收市话费)
                    </p>
                    <button class="footer-content-top-right-btn iconfont">
                            &#xe600; &nbsp;在线帮助
                    </button>
                </div>
            </div>
            <div class="footer-content-bottom-box">
                <p>Copyright © 2019 smartisan.com 版权所有&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">法律声明</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">隐私条款</a></p>
                <p><a href="">京 ICP 备 18020659 号 - 2</a></p>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

</body>

</html>